<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/7.css">
</head>
<body>
    <!--
        absolute + margin-auto 布局
        特点：内外容器都要设置宽高，兼容性好
    -->
    <section class="layout margin-auto">
        <article>
            <p>7.absolute + margin-auto<br>(内外容器都要设置宽高) </p>
        </article>
    </section>
</body>
</html>